<template>
	<view class="content">
		<uni-forms ref="form" :rules="rules">
			<uni-forms-item label="胶带直径:" name="waizhijing">
				<uni-easyinput type="text" v-model="formData.waizhijing" placeholder="单位:厘米" @input="inputWaizhijing"/>
			</uni-forms-item>
			
			<!--<uni-forms-item label="外圆半径:" name="waibanjing">
				<uni-easyinput type="text" v-model="formData.waibanjing" placeholder="单位:厘米" @input="inputWaibanjing" />
			</uni-forms-item>-->
			
			
			<uni-forms-item label="纸管直径:" name="neizhijing">
				<uni-easyinput type="text" v-model="formData.neizhijing" placeholder="单位:厘米" @input="inputNeizhijing"/>
			</uni-forms-item>
			
			<!--<uni-forms-item label="内圆半径:" name="neibanjing">
				<uni-easyinput type="text" v-model="formData.neibanjing" placeholder="单位:厘米" @input="inputNeibanjing"/>
			</uni-forms-item>-->
			
			<uni-forms-item label="厚度:" name="houdu">
				<uni-easyinput type="text" v-model="formData.houdu" placeholder="单位:毫米" @input="inputHoudu"/>
			</uni-forms-item>
			
			
			<uni-forms-item label="长度:" name="changdu">
				<uni-easyinput type="text" v-model="formData.changdu" placeholder="单位:米" @input="inputChangdu"/>
			</uni-forms-item>
			
			<uni-forms-item label="宽度:" name="kuandu">
				<uni-easyinput type="text" v-model="formData.kuandu" placeholder="单位:厘米" @input="inputKuandu"/>
			</uni-forms-item>
			
			
			<uni-forms-item label="面积:" name="mianji">
				<uni-easyinput type="text" v-model="formData.mianji" placeholder="单位:m²" @input="inputMianji"/>
			</uni-forms-item>
			
			<uni-forms-item label="单价:" name="danjia">
				<uni-easyinput type="text" v-model="formData.danjia" placeholder="单位:m²/元" @input="inputDanjia"/>
			</uni-forms-item>

			<view class="total_box">
				总价：<text class="red">{{formData.zongjia}}	</text> 
			</view>
			
			<view style="overflow: hidden; width: 100%; height: 100rpx;">
				
			</view>
			
		</uni-forms>
		
	</view>
</template>


<script>
	import  parentPage from '@/common/parent-page.js';
	import {index} from './index.js';
	export default {mixins: [parentPage,index]}
</script>



<style>
	@import './index.css';
</style>
